<template>
  <div>
    <area-map v-if="mapModel === 'area'" />
    <point-map v-if="mapModel === 'point'" />
    <geo-map v-if="mapModel === 'geo'" />
  </div>
</template>

<script>
import AreaMap from './components/AreaMap'
import PointMap from './components/PointMap'
import GeoMap from './components/GeoMap'
import {
  getNetModel
} from '@/util/storage'

export default {
  name: 'MapModel',
  components: {
    AreaMap,
    PointMap,
    GeoMap
  }, data() {
    return {
      netModel: getNetModel()
    }
  },
  computed: {
    mapModel: {
      get() {
        return this.$store.state.settings.mapModel
      }
    }
  }
}
</script>

